<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<!-- 页面头部【start】 -->
	<head>
		<script>
	var imgCurrent=0;
	</script>
	<link href="<%=basePath%>images/favicon1.ico" rel="Shortcut Icon"/>
		<link rel="Bookmark" href="<%=basePath%>images/favicon1.ico"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="keywords" content="瑞中瑞 R&R" />
		<meta name="description" content="瑞中瑞 R&R" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/style.css" />
		<script type="text/javascript" language="javascript"
			src="<%=basePath%>share/js/jquery-1.4.3.min.js"></script>
		<script type="text/javascript" language="javascript"
			src="<%=basePath%>share/js/droppy.js"></script>
		<script type="text/javascript" language="javascript"
			src="<%=basePath%>share/js/thickbox.js"></script>
		<script type="text/javascript" language="javascript"
			src="<%=basePath%>share/js/helper.js"></script>
		<script type="text/javascript" language="javascript"
			src="<%=basePath%>share/js/png.js"></script>
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/thickbox.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/jquery.ui.core.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/jquery.ui.dialog.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/jquery.ui.theme.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/jquery.ui.resizable.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>share/css/hdPic_new_v1.0.2.css" />
		<script type="text/javascript" language="javascript"
			src="js/jqzoom.js"></script>
		<link rel="stylesheet" type="text/css" href="css/jqzoom.css" />
		<script language="javascript">		
		function viewJump(id){
			if(id.length>1){
				id=id.substring(id.length-1);
			}
			var ul=$("#smallPhoto").children(); //获取ul下子元素的个数
			for(var i=0;i<ul.length;i++){
				if(i==id){
					$("#"+ul[i].id).attr("class","photo-Select");
				}else{
					$("#"+ul[i].id).removeClass("photo-Select");
				}				          
		  	}
			$("#Display").attr("src",$("#imgID"+id)[0].src);
			imgCurrent=id;
		}
		function down(){
			imgCurrent++;
			if(imgCurrent==$("#imgCount").val()){
				imgCurrent=8;
			}
			viewJump(imgCurrent);
			goright();
		}
		function up(){
			if(imgCurrent<1){
				imgCurrent=1;
			}
			imgCurrent--;
			viewJump(imgCurrent);
			goleft();
		}
		function goright(){
			var old=$('#photo-List').scrollLeft();
			$('#photo-List').scrollLeft(old+88);
		}
		function goleft(){
			$('#photo-List').scrollLeft($('#photo-List').scrollLeft()-88);
		}
		</script>
		<title><s:property value="%{getText('Equipment_List')}" /> -- <s:property value="%{getText('Company_Title')}" /></title>
	</head>
	<!--  页面头部【end】 -->
	<body class="body1">
		<div id="getValues" value="view" style="display: none;"></div>
		<div id="getParams"
			value="a:3:{s:2:&quot;_m&quot;;s:10:&quot;mod_static&quot;;s:2:&quot;_a&quot;;s:4:&quot;view&quot;;s:5:&quot;sc_id&quot;;s:1:&quot;2&quot;;}"
			style="display: none;"></div>
		<div id="main_div">
			<div id="top">
				<jsp:include page="/share/jsp/head.jsp"></jsp:include>
				<jsp:include page="/share/jsp/navigation_bar.jsp"></jsp:include>
			</div>
			<div class="web_bg">
				<div id="mainmain">
					<div id="main_con">
						<div class="web_bg">
							<div id="left2">
								<jsp:include page="/share/jsp/banner.jsp"></jsp:include>
								<div class="art_list art_list2" onmouseover="product_edit1();"
									onmouseout="product_cancel1();">

									<!-- 编辑时动态触发 【start】-->
									<div class="mod_toolbar" id="tb_mb_article_list1"
										style="display: none; height: 28px; position: absolute; right: 2px; background: none repeat scroll 0% 0% rgb(247, 182, 75); width: 70px;">
										<a
											onclick="popup_window(&#39;admin/index.php?_m=mod_product&amp;_a=admin_edit&amp;p_id=81&#39;,&#39;Product  内容编辑&#39;,&#39;&#39;,500,true);return false;"
											title="内容编辑"
											href="http://jixie10a18.site3.sitestar.cn/jixie10a18/wwwroot/index.php?_m=mod_product&_a=view&p_id=81#"><img
												border="0" alt="内容编辑"
												src="./product_details_files/edit_content.gif" />
											&nbsp;内容编辑 </a>
									</div>
									<!-- 编辑时动态触发 【end】-->
									<c:choose>
										<c:when test="${empty equipmentbean}">
											<s:property value="%{getText('Equipment_List_Null')}" />
										</c:when>
										<c:otherwise>
											<input type="hidden" id="imgCount"
												value="${equipmentbean.length }" />
											<div class="art_list_title product_title">
												${equipmentbean.name }
											</div>
											<div class="prodview_info">
												<s:property value="%{getText('Index_Type')}" />
												: ${equipmentbean.category.name }&nbsp;
												<s:property value="%{getText('NewsView_Published')}" />
												:
												<f:formatDate value="${equipmentbean.createDate }"
													pattern="yyyy-MM-dd HH:mm" />
												&nbsp;
											</div>										

											<div id="photo-warp"
												style="background: url(http://mat1.gtimg.com/news/hd2009fin/ajax-loader.gif) no-repeat center center">
												<div class="photo-warp-inner" id="photo-warp-inner"
													style="visibility: visible;">

													<div class="mainArea" id="mainArea">
														<div id="preArrow" onclick="up()" title="上一张"
															class="contextDiv"
															style="cursor: url(http://mat1.gtimg.com/news/2009hd/arr_left.cur), auto;"></div>
														<div id="nextArrow" onclick="down()" title="下一张"
															class="contextDiv"
															style="cursor: url(http://mat1.gtimg.com/news/2009hd/arr_right.cur), auto;"></div>
														<a href="javascript:void(0);" id="bigHref"> <c:forEach
																items="${equipmentbean.images}" varStatus="num" var="img">
																<c:if test="${num.index==0}">
																	<img src="${img.path }" id="Display"
																		style="cursor: pointer; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: auto; visibility: visible; opacity: 1;"
																		title="点击浏览下一张"
																		onerr="http://mat1.gtimg.com/news/hd2009fin/ajax-loader.gif"
																		width="500" />
																</c:if>
															</c:forEach> </a>
														<div id="loading" style="display: none;">
															加载进度:100%
														</div>
														<%--												<div class="picTips picTips_png" id="picTips"--%>
														<%--													style="display: block; visibility: visible;">--%>
														<%--													<div class="titleArea" id="titleArea">--%>
														<%--														<p class="phot-desp">--%>
														<%--															ThinkPad Tablet&nbsp;--%>
														<%--															<span>(1/6)</span>--%>
														<%--														</p>--%>
														<%--													</div>--%>
														<%--												</div>--%>
														<%--												<div href="javascript:void(0);" class="buttonArea"--%>
														<%--													id="buttonArea" title="隐藏图片注释" style="display: block;">--%>
														<%--													隐藏--%>
														<%--												</div>--%>
														<%--												<div class="openTips"--%>
														<%--													style="display: none; visibility: hidden;" id="openTips"--%>
														<%--													title="打开图片注释">--%>
														<%--													查看图注--%>
														<%--												</div>--%>
													</div>
													<div class="blank" style="background: #fff"></div>
													<div class="photoList-wrap">

														<a href="javascript:goleft()" class="photo-Up" id="Up"
															onfocus="this.blur()" title="向前"></a>

														<div class="photo-List" id="photo-List">
															<ul id="smallPhoto"
																style="left: 0px; width: ${equipmentbean.length*88 }px;">
																<c:forEach items="${equipmentbean.images}" varStatus="num"
																	var="img">
																	<c:choose>
																		<c:when test="${num.index==0 }">
																			<li id="imgLi${num.index }" class="photo-Select">
																				<div id="imgDiv${num.index }"
																					onclick="viewJump(this.id)">
																					<span class="imgs"><img
																							id="imgID${num.index }" src="${img.path}"
																							alt="点击查看第${num.index+1 }张图片" /> </span><span
																						class="titles">${num.index+1 }<em>&nbsp;/
																							${equipmentbean.length }</em> </span>
																				</div>
																			</li>
																		</c:when>
																		<c:otherwise>
																			<li id="imgLi${num.index }">
																				<div id="imgDiv${num.index }"
																					onclick="viewJump(this.id)">
																					<span class="imgs"><img
																							id="imgID${num.index }" src="${img.path}"
																							alt="点击查看第${num.index+1 }张图片" /> </span><span
																						class="titles">${num.index+1 }<em>&nbsp;/
																							${equipmentbean.length }</em> </span>
																				</div>
																			</li>
																		</c:otherwise>
																	</c:choose>
																</c:forEach>
															</ul>
															<div id="noDiv" style="display: none;"></div>
														</div>
														<a href="javascript:goright()" class="photo-Down"
															id="Down" onfocus="this.blur()" title="向后"></a>
													</div>
												</div>
											</div>

											<div class="artview_intr">
												${equipmentbean.notes }
											</div>
										</c:otherwise>
									</c:choose>


									<p id="product_gallery">
									</p>
								</div>
							</div>
							<div id="right">
								<jsp:include page="/share/jsp/latest_articles.jsp"></jsp:include>
								<jsp:include page="/share/jsp/links.jsp"></jsp:include>
							</div>
							<div class="blankbar"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- 页脚【start】 -->
			<jsp:include page="/share/jsp/tail.jsp"></jsp:include>
			<!-- 页脚【end】 -->
		</div>
		<div style="display: none;" class="jqPreload0">
			<img src="images/mark_87.jpg" />
		</div>
	</body>
</html>